<template>
  <div class="edit-page-input">
    <div class="margin-bottom-15">
      <div class="text-white margin-right-5">基本信息</div>
      <edit-button text="" :on-click="showInput" />
    </div>
    <div class="edit-page-context">
      <div class="photo-albums">
        <photo-albums />
      </div>
      <div class="edit-page-context-data margin-left-50">
        <el-form ref="elForm" label-width="100px" label-suffix="：">
          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="监测点名称"> 监测点名称 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="监测点编号" label-width="125px">
                监测点编号
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="经度" prop="field103"> 经度 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="纬度" label-width="125px">
                纬度
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="所属水库" prop="field105">
                所属水库
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="地址" label-width="125px">
                地址
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="15" class="no-border">
            <el-col :span="24">
              <el-form-item label="简介" prop="field107">
                正坑水库详细介绍，正坑水库详细介绍。正坑水库详细介绍，正坑水库详细介绍。正坑水库详细介绍，正坑水库详细
                介绍。正坑水库详细介绍，正坑水库详细介绍。
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
    <!--基本信息编辑-->
    <info-input ref="InfoInput1"></info-input>
  </div>
</template>

<script>
import InfoInput from '@/views/reservoir/shuiYuQingJianCe/siteManagement/components/InfoInput'

export default {
  name: 'InfoShow',
  components: {
    InfoInput
  },
  methods: {
    showInput() {
      this.$refs.InfoInput1.open()
    }
  }
}
</script>
<style lang="scss" scoped>
@import '~@/assets/pages/index.scss';
</style>
